import React from "react";
import { Card } from "antd";
import { data } from '@/data'

interface Iparams { params: { id: string }}

export async function generateMetadata({ params }: Iparams) {
  return {
    title: `博客详情 - ${params.id}`
  }
}

export default function Page({ params }: Iparams) {
  /**
   * const item = data.find(item => item.id === +params.id)!
   * 当你选择不使用可选链时，则需要告诉TS，item不可能为 null 或 undefined，所以使用 ! 断言
  */ 
  const item = data.find(item => item.id === +params.id)
  return (
    <Card title={item?.title}>
      <p>{item?.body}</p>
    </Card>
  );
}
